<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2018-05-16
  Time: 14:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/table/bootstrap-table.min.css"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/table/bootstrap-table.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/statics/table/locale/bootstrap-table-zh-CN.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/date/bootstrap-datetimepicker.min.css"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/date/Moment.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/statics/date/bootstrap-datetimepicker.min.js"></script>

    <!--mini ui-->
    <link href="${pageContext.request.contextPath}/statics/miniui/scripts/miniui/themes/default/miniui.css" rel="stylesheet"
          type="text/css"/>
    <script src="${pageContext.request.contextPath}/statics/miniui/scripts/miniui/miniui.js"
            type="text/javascript"></script>


    <!--easyui-->
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/statics/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/statics/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/statics/easyui/demo/demo.css">

    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/easyui/jquery.easyui.min.js"></script>
    <style type="text/css">
        #diyi{
            width: 350px;
            margin: auto;
            margin-bottom:150px;
            /*padding: 200px;*/
        }
        #dier{
            width: 350px;
            margin: auto;
        }
        #dadiv{
            padding-top:200px ;
        }
    </style>
</head>
<body>
<div id="dadiv">
    <div id="diyi">
        <button style="background-color: #86b7b4;border: #86b7b4;" type="button" id="myButton1" data-loading-text="Loading..." class="btn btn-primary" autocomplete="off">
            库存调拨
        </button>
        &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
        <button style="background-color: #00bbee;border: #00bbee;" type="button" id="myButton2" data-loading-text="Loading..." class="btn btn-primary" autocomplete="off">
            库存盘点
        </button>
    </div>
    <div id="dier">
        <button style="background-color: #7dee7f;border: #7dee7f;" type="button" id="myButton3" data-loading-text="Loading..." class="btn btn-primary" autocomplete="off">
            库存变动
        </button>
        &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
        <button style="background-color: #009f95;border: #009f95;" type="button" id="myButton4" data-loading-text="Loading..." class="btn btn-primary" autocomplete="off">
            库存报警
        </button>
    </div>

</div>




    <script>
        $('#myButton1').on('click', function () {
            var $btn = $(this).button('loading')
            // business logic...
            window.location("KCDB");
        })
        $('#myButton2').on('click', function () {
            var $btn = $(this).button('loading')
            // business logic...
            window.location("KCPD");
        })
        $('#myButton3').on('click', function () {
            var $btn = $(this).button('loading')
            // business logic...
            $btn.button('reset')
        })
        $('#myButton4').on('click', function () {
            var $btn = $(this).button('loading')
            // business logic...
            $btn.button('reset')
        })
    </script>
</body>
</html>
